<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>course</title>
</head>

<body class="dpflex">
    <main class="dpflex flex1">
        <video class="video" muted autoplay src="./img/part1.mp4"></video>
        <div class="courseText ta">
            <p class="degree"></p>
            <p class="courseName"></p>
        </div>
    </main>
    <footer class="ta">
        <div class="progress"></div>
        <div class="dpflex btn">
            <div class="preBtn"><i class="iconfont icon-shangyibu"></i></div>
            <div class="pausedBtn"><i class="iconfont icon-zanting"></i></div>
            <div class="nextBtn"><i class="iconfont icon-xiayibu"></i></div>
        </div>
    </footer>
    <!-- 蒙层 -->
    <div class="module">
        <div class="module1 dpflex">
            <p class="mt50">放弃可以找到一万个理由,坚持只需一个信念!</p>
            <div class="box dpflex flex1">
                <div class="moduleBtn dpflex ta">
                    <div id="btn" class="beginBtn Btn dpflex">
                        <i class="playImg iconfont icon-24gf-play fs40"></i>
                        <span>继续训练</span>
                    </div>
                    <div id="btn" class="endBtn Btn dpflex">
                        <i class="endImg iconfont icon-jieshu fs40"></i>
                        <span>结束训练</span>
                    </div>
                </div>
                <div class="currentVideoTitle dpflex mt50">
                    <img class="currentVideoImg" src="./img/part1.png" alt="">
                    <div class="currentVideoName flex1 ta">
                        <p class="mt30">当前:</p>
                        <p class="Name"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>